import QtQuick 2.12
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.0

Page {
    width: 600
    height: 140
    property alias sliderOpacity: sliderOpacity
    property alias gridLayout: gridLayout
    property alias textEditGet: textEditGet
    property alias spinBoxMyDouble: spinBoxMyDouble
    property alias spinBoxMyInt: spinBoxMyInt
    property alias buttonGet: buttonGet
    x: 0
    id: page2Form

    GridLayout {
        id: gridLayout
        width: 588
        height: 140
        transformOrigin: Item.Center
        flow: GridLayout.TopToBottom
        rowSpacing: 14
        columnSpacing: 9
        rows: 1
        columns: 2

        GroupBox {
            id: groupBoxLeft
            width: 250
            Layout.margins: 6
            Layout.fillHeight: true
            Layout.fillWidth: true
            title: qsTr("Property")

            GridLayout {
                anchors.fill: parent
                rows: 3
                columns: 2

                Label {
                    id: label1
                    text: qsTr("My Int")
                }

                SpinBox {
                    id: spinBoxMyInt
                }

                Label {
                    id: label
                    text: qsTr("My Double")
                }

                SpinBox {
                    id: spinBoxMyDouble
                    value: 50
                    stepSize: 1
                }
            }
        }

        GroupBox {
            id: groupBoxRight
            x: 260
            width: 300
            title: qsTr("Tree")
            Layout.margins: 6
            Layout.fillHeight: true
            Layout.fillWidth: true

            GridLayout {
                anchors.fill: parent
                rows: 2
                columns: 2

                Button {
                    id: buttonGet
                    text: qsTr("Get")
                }

                TextEdit {
                    id: textEditGet
                    x: 100
                    width: 150
                    height: 20
                    Layout.minimumWidth: 100
                    Layout.fillWidth: true
                    font.pixelSize: 20
                }

                Label {
                    id: label2
                    text: "Opacity :"
                }

                Slider {
                    id: sliderOpacity
                    width: 250
                    stepSize: 0.05
                    Layout.minimumWidth: 100
                    Layout.fillWidth: true
                    Layout.columnSpan: 1
                    value: 0.5
                }
            }
        }
    }
}

/*##^##
Designer {
    D{i:9;anchors_x:0;anchors_y:30}D{i:1;anchors_height:160}
}
##^##*/

